<%@ page language="java" contentType="text/html; charset=utf-8"
	pageEncoding="utf-8"%>
<%@ taglib prefix="spring" uri="http://www.springframework.org/tags"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>

<%@ page isELIgnored="false"%>
<%
    String path = request.getContextPath();
			String basePath = request.getScheme() + "://"
					+ request.getServerName() + ":" + request.getServerPort()
					+ path + "/";
%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
	<meta charset="utf8">
	<title> </title>
	<meta name="description" content="" />
	<meta name="viewport" content="width=device-width, initial-scale=1.0" />
	<link href="/static/css/base.css" rel="stylesheet" />
	<link href="/static/css/index.css" rel="stylesheet" />
	<link href="/static/css/m.css" rel="stylesheet" />
	<link href="/static/css/hover.css" rel="stylesheet" />
	<link rel="icon" href="/static/img/logo.ico" type="image/x-icon" />

	<!--[if lt IE 9]>
	<script src="js/modernizr.js"></script>
	<![endif]-->
	<script>
		window.onload = function() {
			var oH2 = document.getElementsByTagName("h2")[0];
			var oUl = document.getElementsByTagName("ul")[0];
			oH2.onclick = function() {
				var style = oUl.style;
				style.display = style.display == "block" ? "none" : "block";
				oH2.className = style.display == "block" ? "open" : ""
			}
			

            $('#topNavSearchInput').keyup(function(e) {
                if(e.keyCode == 13) {
                	$('#formPageNo').val(1);
                    $('#keywordMid').val($('#topNavSearchInput').val());
                    $('#searchformMid').submit();
                }
            });
            $('#topNavSearchInput').focus();
		}
	</script>
	
        <style  type="text/css" >
        #topNavSearchInput{
            font-family: inherit;
	        display: inline-block;
			-webkit-box-sizing: content-box;
			-moz-box-sizing: content-box;
			box-sizing: content-box;
			float: none;
			z-index: auto;
			width: 310px;
			height: 16px;
			position: static;
			cursor: default;
			opacity: 1;
			margin: 3px;
			margin-left : 50px;
			padding: 10px 10px;
			overflow: visible;
			-webkit-border-radius: 3px;
			border-radius: 1px;
			color: #1A1A1A;
			font-size : 14px !important;
			-o-text-overflow: clip;
			text-overflow: clip;
			background: rgba(246, 246, 246, 1);
            border: 0.01em solid rgb(235, 235, 235);
			-webkit-box-shadow: 0px 0px 1px 0 rgba(0,0,0,0.2) inset;
			box-shadow: 0px 0px 1px 0 rgba(0,0,0,0.2) inset;
			text-shadow: 1px 1px 0 rgba(255,255,255,0.66) ;
			-webkit-transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1);
			-moz-transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1);
			-o-transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1);
			transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1);
			-webkit-transform: none;
			transform: none;
			-webkit-transform-origin: 50% 50% 0;
			transform-origin: 50% 50% 0;
			outline : none;
        }
        
        </style>
</head>
<body>
    <div style="display:none;"><img src="/static/img/icon.png" alt=""></div>
	<header style="">
	
        <div style="width : 100%; text-align : center; padding-bottom : 1px; display : none;">
            <form action="list" method="get" name="searchform" id="searchformMid">
                <input name="keyword" id="keywordMid" placeholder="请输入搜索关键字，标题、内容、标签" value="" type="hidden" />
                
                <input id="formPageNo" name="pageNo" value="<c:out value="${query.pageNo }">1</c:out>" type="hidden">
                <input name="tag" value="${query.tag }" type="hidden">
                <input name="categoryId" value="${query.categoryId }" type="hidden">
                <input name="pageSize" value="<c:out value="${query.pageSize }">20</c:out>" type="hidden">
                <!-- <input value="搜 索 文 章" type="submit" class="btnStyle1" /> -->
            </form>
        </div>
        
	<div class="tophead">
		<div class="logo">
			<a href="/"><img src="/static/img/logo_nav.png" width="225" height="50" /></a>
		</div>
		<div id="mnav">
			<h2>
				<span class="navicon"></span>
			</h2>
			<ul>
				<li><a href="home">首页</a></li>
				<li><a href="list">文章列表</a></li>
				<li><a href="about">关于我</a></li>
			</ul>
		</div>
		<nav class="topnav" id="topnav">
			<ul>
				<li style="float : left; padding-top : 2px;"><input value="${query.keyword }" type="text" placeholder="输入标题、内容、标签并回车" id="topNavSearchInput" /></li>
				<li><a href="home">首页</a></li>
				<li><a href="list">文章列表</a></li>
				<li><a href="about">关于我</a></li>
                <!-- <li><a href="article/manager">管理</a></li> -->
			</ul>
		</nav>
	</div>
	</header>
    <div class="header-blank">
    </div>
</body>
</html>